* {
    --border-noprimary: #d4d4d4;
    /* 标准色 */
    --text-blue-color: #4bb1ff;
    --text-red-color: #ff8787;
    --text-orange-color: #ffa52f;

    /* 修复点击出现蓝色背景 */
    -webkit-tap-highlight-color: transparent;

}

/* 日间模式的公共样式 */
html.light {
    --MyNowClassOptionClassList: rgb(223, 223, 223);
    --MemuBackgroundActive: rgb(247, 247, 247, 0);
    --HomeItemColor: rgba(248, 248, 248, 0.63);
    /* Option */
    --SearchOptionInput: rgb(248, 248, 248);
    /* Music */
    --dayMusic: rgba(248, 248, 248, 0.63);
    --music_day_bg: rgba(255, 255, 255, 0.63);
    --music_item_img_border: rgb(211, 211, 211);
    --music_list_item: rgb(255, 255, 255);
    --musicList: var(--music_day_bg);
    --player:rgba(255, 255, 255, 0.5);
}

/* 夜间模式的公共样式 */
html.dark {
    --MyNowClassOptionClassList: rgb(75, 75, 75);
    --MemuBackgroundActive: rgb(43, 43, 43);
    --HomeItemColor: rgba(58, 58, 58, 0.63);
    /* Option */
    --SearchOptionInput: rgb(48, 48, 48);
    /* Music */
    --dayMusic: rgba(163, 163, 163);
    --music_day_bg: rgba(255, 255, 255, 0.1);
    --music_item_img_border: rgb(252, 252, 252);
    --music_list_item: rgba(0, 0, 0, 0.3);
    --musicList: var(--music_day_bg);
    --player:rgba(255, 255, 255, 0.151);
}
/* 绿色主题 */
html.green {
    --el-color-primary: #5bb965;
}

html.green.light {
    --el-color-primary-Home: #5bb96523;
    /* 这里的变量只改前6个就可以，不要改透明度 */
}

html.green.dark {
    --el-color-primary-Home: #5bb96569;
    /* 这里的变量只改前6个就可以，不要改透明度 */
}

/* 蓝色主题 */
html.blue {
    --el-color-primary: #409eff;
}

html.blue.light {
    --el-color-primary-Home: #409eff23;
    /* 这里的变量只改前6个就可以，不要改透明度 */
}

html.blue.dark {
    --el-color-primary-Home: #409eff69;
    /* 这里的变量只改前6个就可以，不要改透明度 */
}

/* 粉色主题 */
html.pink.light {
    --el-color-primary-Home: #ff8b9123;
    /* 这里的变量只改前6个就可以，不要改透明度 */
    --el-color-primary: #ff8b91;
}

html.pink.dark {
    --el-color-primary-Home: #ff8b9169;
    /* 这里的变量只改前6个就可以，不要改透明度 */
    --el-color-primary: #ff8b91;
}

/* 紫色主题 */
html.purple {
    --el-color-primary: #c684ff;
}

html.purple.light {
    --el-color-primary-Home: #c684ff23;
    /* 这里的变量只改前6个就可以，不要改透明度 */
}

html.purple.dark {
    --el-color-primary-Home: #c684ff69;
    /* 这里的变量只改前6个就可以，不要改透明度 */
}




.add_icon_button {
    --el-button-hover-bg-color: var(--el-color-primary) !important;
    --el-button-hover-border-color: var(--el-color-primary) !important;
    --el-button-active-bg-color: var(--el-color-primary) !important;
    --el-button-active-border-color: var(--el-color-primary) !important;
    --webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

/* ScheduleProgress组件加载界面圆角 */
.ScheduleProgressRoot>.el-loading-mask {
    border-radius: 20px !important;
}

.ep-bg-purple>.el-loading-mask {
    border-radius: 20px !important;
}

/* ScheduleProgress组件有百分比向下Bug，此为修复代码 */
.ScheduleProgressRoot>.el-progress>.el-progress__text {
    top: 45%;
    font-size: 1.4em !important;
}

a {
    text-decoration: none;
    color: inherit;
}

body {
    margin: 0px;
}

/* 旋转动画 */
/* animation: spin 1s linear infinite; 就可用 */
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes opacity_to {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}